<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
        // 数组元素的新增
        var arr = ['red', 'green', 'blue'];
        // console.log(arr.length);
        arr.length = 5;
        console.log(arr);
        console.log(arr[3]);  // undefined
        console.log(arr[4]);  // undefined
        // 1. 如果直接增加数组的长度，那么新增的元素是 undefined
        arr[3] = 'black';
        arr[4] = 'pink';
        console.log('-----------------');
        console.log(arr);
        console.log(arr[3]);
        console.log(arr[4]);
        // 2. 可以获取到数组中的某个元素之后，直接赋值
        console.log('============================');
        var arr2 = ['red', 'green', 'blue'];
        arr2[3] = 'index3';
        arr2[4] = 'index4';
        console.log(arr2);
        // 3. 可以直接对数组中元素进行赋值，不用提前修改数组的长度
        arr2[6] = '星期一';
        console.log('````````````````````````````');
        console.log(arr2);
        console.log(arr2[5]);
        // 4. 直接对数组中的最后一个元素进行赋值，可以直接修改数组的长度，没有赋值的元素是 undefined
        arr2[0] = '猴子';
        console.log('--------猴子-------------');
        console.log(arr2);
        // 5. 如果直接对已有元素进行赋值，则会直接替换原来的数据

        arr2 = 2;
        console.log(arr2);
        // 6. 如果对数组进行重新赋值(数字，字符串，boolean)，则直接替换为新值
    </script>
</body>

</html>